/* ================================================== */
/*  */
/* ================================================== */

/* repeat
 ================================================== */

.bg-norepeat {
  background-repeat: no-repeat !important;
}

.bg-repeatx {
  background-repeat: repeat-x !important;
}

.bg-repeaty {
  background-repeat: repeat-y !important;
}

/* size
 ================================================== */

.bg-cover {
  background-size: cover !important;
}

.bg-contain {
  background-size: contain !important;
}

.bg-stretch {
  background-size: 100% 100% !important;
}

/* attachment
 ================================================== */

.bg-attachment-scroll {
  /* 默认 */
  background-attachment: scroll !important;
}

.bg-attachment-fixed {
  background-attachment: fixed !important;
}

.bg-attachment-local {
  background-attachment: local !important;
}

/* clip
 ================================================== */

.bg-clip-border {
  background-clip: border-box !important;
}

.bg-clip-padding {
  background-clip: padding-box !important;
}

.bg-clip-content {
  background-clip: content-box !important;
}

.bg-clip-text {
  background-clip        : text !important;
  -webkit-background-clip: text !important;
  color                  : transparent !important;
}

.bg-origin-border {
  background-origin: border-box !important;
  background-repeat: no-repeat !important;
}

.bg-origin-padding {
  background-origin: padding-box !important;
  background-repeat: no-repeat !important;
  /* 默认 */
}

.bg-origin-content {
  background-origin: content-box !important;
  background-repeat: no-repeat !important;
}

.bg-top {
  background-position: top !important;
}

.bg-bottom {
  background-position: bottom !important;
}

.bg-left {
  background-position: left !important;
}

.bg-right {
  background-position: right !important;
}

.bg-center {
  background-position: center !important;
}